{# empty Twig template #}

{% block javascriptsHeader %}
    <script src="{{ asset('bootstrap/js/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('bootstrap/js/additional-methods.min.js') }}"></script>
    
    <script type='text/javascript'>
       $(document).ready(function() { 
           $('#formulario').validate({
            rules:{
                comentario:{
                    required:true
                }
            },
            messages: {
               comentario:{
                   required: function(){ 
                        return "<p class='text-error'>Campo requerido!... <i class='icon-hand-up' /></p>";
                   }
               }
            },
            submitHandler: function(form){
                form.submit();
            },
            invalidHandler: function(){}
            });
       });
    </script>
{% endblock %}

{% block body %}
    <form id="formulario" action="{{ path('asistencia_add_edit') }}" method="post" class='form-horizontal form-bordered form-validate'>                        
                   
        <div class="control-group">
            <div class="invoice-info">
                <div class="invoice-name">
                        Información de la Clase
                </div>
                <div class="invoice-from">
                    <table>
                        <thead>
                            <span>Profesor: </span>
                        </thead>
                        <tbody>
                            <tr>
                                <th>
                                    <strong>{{ asistencia.profesor.nombreCompleto }}</strong>
                                    <input type="hidden" value="{{ asistencia.profesor.id }}" name="id_Profesor" id="idProfesorDictoClase"> 
                                </th>
                                <th style="padding-left: 20px;">
                                    <input type="checkbox" name="chkProfesorPrincipal" id="chkProfesorPrincipal" class="checkbox" checked="true">
                                </th>
                                <th>
                                    <strong class="muted">(Presente)</strong>
                                </th>
                            </tr>
                        </tbody>
                    </table>
                    <span class="muted">Asignar profesor suplente: </span>
                    <select class="hide" id="selectProfesorSuplente" name="profesorSuplente" disabled="true">
                        {% for item in profesores %}
                            €{% if  item.id != asistencia.profesor.id %}
                                €{% if item.persona.habilitado %}
                                    <option value="{{ item.id }}">{{ item.nombreCompleto }}</option>
                                €{% endif %}
                            €{% endif %}
                        {% endfor %}
                    </select>
                </div>
               <div class="invoice-to">
                    <table>
                        <tr>
                            <th style="text-align: left;">Fecha:</th>
                            <td>{{ asistencia.fechaClase | date('d/M/Y')}}</td>
                        </tr>
                         <tr>
                            <th style="text-align: left;">Horario: </th>
                            <td> {{ asistencia.fechaClase | date('H:i\\h\\s.')}}</td>
                            <input type="hidden" value="{{ asistencia.fechaClase }}" name="fechaHoraClase">
                        </tr>
                        <tr>
                            <th style="text-align: left;">Clase #: </th>
                            <td> {{ asistencia.codigoClase }}</td>
                            <input type="hidden" value="{{ asistencia.clase.id }}" name="id_Clase">
                            <input type="hidden" value="{{ asistencia.codigoClase }}" name="codigoClase">
                        </tr>
                        <tr>
                            <th style="text-align: left;">Rutina:</th>
                            <td>{{ asistencia.rutina }}</td>
                            <input type="hidden" value="{{ asistencia.rutina }}" name="rutina">
                        </tr>
                    </table>
                </div>
            </div>
        </div>    
        <div class="control-group">
            <label for="textfield" class="control-label" style="text-align: left;">Alumnos de la clase</label>
            <div class="controls">
                
                <table class="table table-nomargin table-striped">
                    <thead>
                        <tr>
                            <th class="warning">Alumno</th>
                            <th style="text-align: center;">Presente</th>
                            <th style="text-align: center;">Ausente</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% if  alumnos %}
                    {% for item in alumnos %}
                    <input type="hidden" value="{{item.id}}" name="id_Alumnos[]">
                        <tr>
                            <td>{{ item.alumno.nombreCompleto }}</td>
                            <td style="text-align: center;">
                                <input type="radio" name="radioAlumno-{{item.id}}" value="P" class='uniform-me' data-rule-required="true"
                                       data-msg-required="<p class='text-error'>Campo requerido!... <i class='icon-hand-up' /></p>"
                                       {% if item.asistencia == 'P' %} checked="true" {% endif %} >
                            </td>
                            <td style="text-align: center;">
                                <input type="radio" name="radioAlumno-{{item.id}}" value="A" class='uniform-me' data-rule-required="true"
                                       data-msg-required="<p class='text-error'>Campo requerido!... <i class='icon-hand-up' /></p>"
                                       {% if item.asistencia == 'A' %} checked="true" {% endif %} >
                            </td>
                        </tr>
                    {% endfor %}
                    {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
       <div class="control-group">
            <label for="textfield" class="control-label" style="text-align: left;">Alumnos que avisaron inasistencia</label>
            <div class="controls">

                <table class="table table-nomargin table-striped">
                    <thead>
                        <tr>
                            <th>Alumno</th>
                            <th style="text-align: center;">Presente</th>
                            <th style="text-align: center;">Ausente</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% if  alumnosAvisaron %}
                    {% for item in alumnosAvisaron %}
                    <input type="hidden" value="{{item.id}}" name="id_AlumnosAvisa[]">
                        <tr>
                            <td>{{ item.alumno.nombreCompleto }}</td>
                            <td style="text-align: center;">
                                <input type="radio" disabled="disabled" name="radioAlumnoAvisa-{{item.id}}" value="P" class='uniform-me'
                                       data-rule-required="true" data-msg-required="<p class='text-error'>Campo requerido!... <i class='icon-hand-up' /></p>"
                                       {% if item.asistencia == 'P' %} checked="true" {% endif %} >
                            </td>
                            <td style="text-align: center;">
                                <input type="radio" disabled="disabled" checked="true" name="radioAlumnoAvisa-{{item.id}}" value="A" class='uniform-me'
                                       data-rule-required="true" data-msg-required="<p class='text-error'>Campo requerido!... <i class='icon-hand-up' /></p>"
                                       {% if item.asistencia == 'A' %} checked="true" {% endif %} >
                            </td>
                        </tr>
                    {% endfor %}
                    {% endif %}
                    </tbody>
                </table>    
                    
            </div>
        </div>
        <div class="control-group">
            <label for="textfield" class="control-label" style="text-align: left;">Alumnos que Recuperan hoy</label>
            <div class="controls">
                
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Alumno</th>
                            <th style="text-align: center;">Presente</th>
                            <th style="text-align: center;">Ausente</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% if alumnosRecuperan %}
                    {% for item in alumnosRecuperan %}
                    <input type="hidden" value="{{item.id}}" name="id_AlumnosRecupera[]">
                        <tr>
                            <td>{{ item.alumno.nombreCompleto }}</td>
                            <td style="text-align: center;">
                                <input type="radio" name="radioAlumnoRecupera-{{item.id}}" value="P" class='table-checkbox'
                                       data-rule-required="true" data-msg-required="<p class='text-error'>Campo requerido!... <i class='icon-hand-up' /></p>"
                                       {% if item.asistencia == 'P' %} checked="true" {% endif %} >
                            </td>
                            <td style="text-align: center;">
                                <input type="radio" name="radioAlumnoRecupera-{{item.id}}" value="A" class='uniform-me'
                                       data-rule-required="true" data-msg-required="<p class='text-error'>Campo requerido!... <i class='icon-hand-up' /></p>"
                                       {% if item.asistencia == 'A' %} checked="true" {% endif %} >
                            </td>
                        </tr>
                    {% endfor %}
                    {% endif %}
                    </tbody>
                </table>    
                    
            </div>
        </div>
        <div class="control-group" id="boxComentario">
            <label for="textfield" class="control-label" style="text-align: left;">Comentario</label>
            <div class="controls">
                <textarea name="comentario" maxlength="250" id="comentario" rows="3" class="input-block-level" 
                          placeholder="Agregue un comentario de la clase...">{{ asistencia.comentarios | trim}}</textarea>
            </div>
        </div>
        <div class="form-actions">
            <input type="submit" class="button button-basic-blue" value="Aceptar">
            <a href="{{ path('asistencia_calendario_list') }}" class="button button-basic">Cancelar</a>
        </div>
    </form>  
     

{% endblock %}
{% block javaScripts %}   
    <script type='text/javascript'>
        $(document).ready(function (){
            $('#chkProfesorPrincipal').change(function (){
                if($('#chkProfesorPrincipal').is(':checked')){
                    $('#selectProfesorSuplente').addClass('hide');
                    $('#selectProfesorSuplente').attr('disabled', true);
                    $('#idProfesorDictoClase').val({{ asistencia.profesor.id }});
                    //alert($('#idProfesorDictoClase').val());
                } else{
                    $('#selectProfesorSuplente').removeClass('hide');
                    $('#selectProfesorSuplente').attr('disabled', false);
                    var valor = $("#selectProfesorSuplente option:selected").val();
                    $('#idProfesorDictoClase').val(valor);
                    //alert($('#idProfesorDictoClase').val());
                };
            });
            $('#selectProfesorSuplente').change(function (){
                var valor = $("#selectProfesorSuplente option:selected").val();
                $('#idProfesorDictoClase').val(valor);
                //alert($('#idProfesorDictoClase').val());
            });
        });
    </script>
{% endblock %}  